@charset "utf-8";

.web{
	width: 900px;
	margin: 0 auto;
	background: #fafafa;
	border-top: solid 1px skyblue;
	border-bottom: solid 1px skyblue;
}
.tiao{
	width: 600px;
	margin: 0 auto;
	background: white;
}
/*table{
	width: 770px;
	height: 535px;
	margin: 0 auto;
}*/
.tabl{
	width: 770px;
	height: 572px;
	margin: 0 auto;
	margin-top: 24px;
}
table{
	border-bottom: solid 1px #b6daff;
}
table td{
	font-size: 12px;
	font-weight: bold;
	/*border: 1px solid;*/
	text-align: center;
}
tr td{
	width: 70px;
	height: 12px;
	padding-bottom: 24px;
}
tr>td:nth-of-type(1){
	width: 175px;
}
tr>td:nth-child(2){
	padding-left: 40px;
}tr>td:nth-child(3){
	width: 170px;
	padding-left: 90px;
}
tr>td:nth-child(4){
	width: 162px;
	padding-left: 53px;
}
tr>td:nth-child(5){
	width: 178px;
	padding-left: 51px;
}
.div2{
	width: 225px;
	height: 18px;
	margin: 0 auto;
	margin-top: 18px;
	text-align: center;
}
.div2 div{
	width: 18px;
	height: 18px;
	background: #e5e5e5;
	font-size: 12px;
	margin-left: 4px;
}
.div2>div:nth-child(1){
	width: 49px;
	height: 18px;
}
.div2>div:nth-child(7){
	width: 49px;
	height: 18px;
}
.div2>div:nth-child(2){
	background: #6db6ff;
}
.div2 div:hover{
	background: #6db6ff;
	cursor: pointer;
}
.tiao2{
	width: 751px;
	height: 38px;
	background: white;
    margin-top: 20px;
}
.tiao2:before{
	display: block;
	
}
.befont1{
	content: "";
	border-left: solid 17px #6db6ff;
	border-top: solid 38px transparent;
	}
	
.befont{
	content: "";
	border-right: solid 17px #6db6ff;
	border-top: solid 38px transparent;
}
.tiao2 div{
	font-size: 16px;
	font-weight: bold;
	line-height: 38px;
}
.tiao3 {
	margin-left: 37px;
}
.tiao4{
	margin-left: 85px;
}
.tiao5{
	margin-left:90px ;
}
.tiao6{
	margin-left: 115px;
}
.tiao7{
	margin-left: 125px;
}

